/* 
rem

手机中元素的宽度 =   设计稿中 元素的宽度 * 手机屏幕的宽(100vw) /   设计稿的宽度
                      设计稿中 元素的宽度 * 100vw / 320
                      设计稿中 元素的宽度 * 0.3125vw
 */
.city_list {
  .city_list_view {
    border-top: 1* 0.3125vw solid #ccc;
    background-color: #fff;
    position: relative;
    .city_group_title {
      height: 40* 0.3125vw;
      display: flex;
      align-items: center;
      padding-left: 15* 0.3125vw;
    }
    .city_group_list {
      .city_item {
        padding-left: 15* 0.3125vw;
        height: 40* 0.3125vw;
        display: flex;
        align-items: center;
        border-bottom: 1* 0.3125vw solid #eee;
      }
    }

    .letter_list {
      padding-top: 9* 0.3125vw; 
      position: absolute;
      top:0;
      right: 9* 0.3125vw;
 
      display: flex;
      flex-direction: column;
      height: 100%;
      .letter_item {
        flex:1;
        text-align: center;
        span{
          border-radius: 50%;
     
          // display: inline-block;
          display: block; 
          width: 20px;
          height: 20px;
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 12px;
   
        }
      }
      .active{
        span{
          background-color: #21b97a;
          color:#fff;
        }
      }
    }
  }
}
